<!DOCTYPE HTML>
<html lang="zh-cn"
      xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>

    <META HTTP-EQUIV="Pragma" CONTENT="no-cache"/>
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache"/>
    <META HTTP-EQUIV="Expires" CONTENT="0"/>

    <title>目录页</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    <!--slider-->
    <!--<link rel="stylesheet" href="../static/css/ideal-image-slider.css" th:href="'/css/ideal-image-slider.css'"/>-->
    <!--<link rel="stylesheet" href="../static/css/default.css" th:href="'/css/default.css'"/>-->
</head>
<body>

<div class="container" style="width: 80%;">

    <div class="page-header">
        <h1>KBK Language
            <small>base on Java</small>
        </h1>
    </div>

    <figure class="highlight">
    <pre>语法：
        循环体：for(int i=0;i<10;i++){EXP...}
        输出  ：print "words..."
        判断  ：if(EXP...)</pre>
    </figure>

    <div class="row">

        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <form class="form-inline">
                        <div class="row">
                            <div class="col-xs-6">
                                <button type="button" class="btn btn-default">源代码：</button>
                            </div>
                            <div class="col-xs-6 text-right">
                                <button type="button" class="btn btn-success" onclick="submitTryit()" id="submitBTN"><span
                                        class="glyphicon glyphicon-send"></span> 点击运行
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="panel-body">
			<textarea class="form-control" id="textareaCode" name="textareaCode" style="height: 300px;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset=&quot;utf-8&quot;&gt;
&lt;title&gt;菜鸟教程(runoob.com)&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;h1&gt;我的第一个标题&lt;/h1&gt;
&lt;p&gt;我的第一个段落。&lt;/p&gt;

&lt;/body&gt;
&lt;/html&gt;</textarea>
                </div>
            </div>
        </div>

        <div class="col-sm-6">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <form class="form-inline">
                        <button type="button" class="btn btn-default">运行结果</button>
                    </form>
                </div>
                <div class="panel-body">
                    <div id="iframewrapper" style="height: 300px;"></div>
                </div>
            </div>
        </div>

    </div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<!--slider-->
<!--<script src="../static/js/ideal-image-slider.min.js" th:src="'/js/ideal-image-slider.min.js'"></script>-->
</body>
</html>